<!DOCTYPE html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

    <!--- basic page needs
    ================================================== -->
    <meta charset="utf-8">
    <title>SEN.club</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- mobile specific metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSS
    ================================================== -->
    <link rel="stylesheet" th:href="@{/static/css/base.css}">
    <link rel="stylesheet" th:href="@{/static/css/vendor.css}">
    <link rel="stylesheet" th:href="@{/static/css/main.css}">

    <!-- script
    ================================================== -->
    <script th:src="@{/static/js/modernizr.js}"></script>
    <script th:src="@{/static/js/pace.min.js}"></script>

    <!-- favicons
    ================================================== -->
    <link rel="shortcut icon" th:href="favicon.ico" type="image/x-icon">
    <link rel="icon" th:href="favicon.ico" type="image/x-icon">

</head>

<body>

    <!-- home
    ================================================== -->
    <main class="s-home s-home--slides">

        <div class="home-slider">
            <div class="home-slider-img" th:style="'background:url('+ @{/static/images/slides/slide-01.jpg} +');'"></div>
            <div class="home-slider-img" th:style="'background:url('+ @{/static/images/slides/slide-02.jpg} +');'"></div>
            <div class="home-slider-img" th:style="'background:url('+ @{/static/images/slides/slide-03.jpg} +');'"></div>
        </div>

        <div class="overlay"></div>

        <div class="home-content">

            <div class="home-logo">
                <a href="index-slides.html">
                    <!--<img src="images/logo.svg" alt="Homepage">-->
                </a>
            </div>

            <div class="row home-content__main">

                <div class="col-eight home-content__text pull-right">
                    <h3>Welcome to China</h3>

                    <h1>
                    Time flies into song, time passes like flowers.<br>
                    </h1>

                    <p>
                    Waiting for the shallow time, the passage of time,
					the wine talk, dreams, youth and you I do not like the first time.
                    </p>
                    <div class="home-content__subscribe">
                        <form id="mc-form" class="group" novalidate="true">
                            <input type="email" value="" name="EMAIL" class="email" id="mc-email" placeholder="Email Address">
                            <input type="submit" name="subscribe" value="Notify Me" id="submit">
                        </form>
                    </div>
                </div>  <!-- end home-content__text -->

                <div class="col-four home-content__counter">
                    <h3>Launching In</h3>

                    <div class="home-content__clock">
                        <div class="top">
                            <div class="time days">
                                365
                                <span>Days</span>
                            </div>
                        </div>    
                        <div class="time hours">
                            09
                            <span>H</span>
                        </div>
                        <div class="time minutes">
                            54
                            <span>M</span>
                        </div>
                        <div class="time seconds">
                            30
                            <span>S</span>
                        </div>
                    </div>  <!-- end home-content__clock -->
                </div>  <!-- end home-content__counter -->

            </div>  <!-- end home-content__main -->



            <div class="home-content__line"></div>

        </div> <!-- end home-content -->

    </main> <!-- end s-home -->


    <!-- info
    ================================================== -->
    <a class="info-toggle" href="#0">
        <span class="info-menu-icon"></span>
    </a>

    <div class="s-info">

        <div class="row info-wrapper">

            <div class="col-seven tab-full info-main">
                <h1>We are Count. We make awesome stuff.</h1>
                <p>
                Quisque velit nisi, pretium ut lacinia in, elementum id enim. Mauris blandit aliquet elit, 
                eget tincidunt nibh pulvinar a. Quisque velit nisi, pretium ut lacinia in, elementum id enim. 
                Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; 
                Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.
                </p>

                <p>
                Officiis nostrum adipisci minima. Enim tenetur animi ipsum a itaque temporibus necessitatibus. 
                Dolores ad perspiciatis. Voluptatem et molestiae adipisci laboriosam assumenda. Deleniti vero 
                labore eos repudiandae. Vel commodi tenetur ex quia. Quisque velit nisi, pretium ut lacinia in, 
                elementum id enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.
                </p>
            </div>

            <div class="col-four tab-full pull-right info-contact">

                <div class="info-block">
                    <h3>Start A Conversation</h3>
                    <p>
                        <a href="mailto:#0" class="info-email">--------</a><br>
                        <!--<a href="tel:+15666666666" class="'info-phone">+1.56.666.6666</a>-->
                    </p>
                </div>

                <div class="info-block">
                    <h3>Hello World !</h3>
                    
                    <p class="info-address">
                        Welcome to <br>
                        XM,China
                    </p>
                </div>

                
            </div>  <!-- end info contact -->

        </div>  <!-- end info wrapper -->

    </div> <!-- end s-info -->


    <!-- preloader
    ================================================== -->
    <div id="preloader">
        <div id="loader">
            <div class="line-scale-pulse-out">
                <div>Hello</div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>

    <!-- Java Script
    ================================================== -->
    <script th:src="@{/static/js/jquery-3.2.1.min.js}"></script>
    <script th:src="@{/static/js/plugins.js}"></script>
    <script th:src="@{/static/js/main.js}"></script>
    <!--<script type="text/javascript" >
        var websocket = null;

        //判断当前浏览器是否支持WebSocket [[${url}]]
        if('WebSocket' in window){
            websocket = new WebSocket("ws://[[${url}]]/client");
        }
        else{
            alert('Not support websocket')
        }


        //连接发生错误的回调方法
        websocket.onerror = function(){
            setMessageInnerHTML("error");
        };


        //连接成功建立的回调方法
        websocket.onopen = function(event){
            //setMessageInnerHTML("open");
        }


        //接收到消息的回调方法
        websocket.onmessage = function(event){
            setMessageInnerHTML(event.data);
        }


        //连接关闭的回调方法
        websocket.onclose = function(){
            //setMessageInnerHTML("close");
        }


        //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
        window.onbeforeunload = function(){
            websocket.close();
        }


        //将消息显示在网页上
        function setMessageInnerHTML(innerHTML){
            alert(innerHTML)
        }


        //关闭连接
        function closeWebSocket(){
            websocket.close();
        }

        $("#submit").click(function(){
            var message = document.getElementById('mc-email').value;
            websocket.send(message);
        })
    </script>-->

</body>

</html>